<template>
  <div class="import">
    <UploadExcel :on-success="handleSuccess" />
  </div>
</template>

<script>
import { reqGetEmployee } from '@/api/employees'
export default {
  name: 'Import',
  // 计算属性：是用来接收经过路由跳转接收过来的值
  computed: {
    type() {
      console.log(11)
      return this.$route.query.type
    }
  },
  methods: {
    async handleSuccess({ header, results }) {
      if (this.type === 'user') {
        console.log(header, results)
        // header 表示 excel.xlsx 表头里面的内容
        // results 表示每一行的数据集合--里面的key 是中文，我们渲染需要用英文-进行文本转换
        // 准备中英文转换的数据
        const userRelations = {
          '姓名': 'username',
          '手机号': 'mobile',
          '工号': 'workNumber',
          '聘用形式': 'formOfEmployment',
          '部门': 'departmentName',
          '入职日期': 'timeOfEntry',
          '转正日期': 'correctionTime'
        }

        // 遍历 result 然后把对应的key 变成英文 --改变完放到一个新数组中
        const arr = []
        results.forEach(item => {
        // item 现在是每一行，需要把每一行对应的每一项key 进行 修改-声明一个空对象，用来盛放修改过的key和值
          const userInfo = {}
          for (const key in item) {
          // 处理result 里面的入职时间格式-应聘形式
          // xlsx 利用js-xlsx 具有时间格式错误，网上一搜就有处理格式的方法
            if (['timeOfEntry', 'correctionTime'].includes(userRelations[key])) {
              console.log(123)
              userInfo[userRelations[key]] = this.formatExcelDate(item[key], '-')
            } else {
            // 这是直接浅拷贝，但是我们需要对key 进行处理
              userInfo[userRelations[key]] = item[key]
            }
          }
          arr.push(userInfo)
        })
        console.log(arr)
        // 调用接口-发起批量导入的请求
        await reqGetEmployee(arr)
        this.$router.back()
      }
    },
    // 转换excel的日期格式
    formatExcelDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}

</script>

<style>

</style>
